<template>
  <div style="max-width: 1400px; margin: 0 auto;overflow-x:hidden;overflow-y:hidden">
  <!--  头部导航栏 -->
  <index-nav/>
  <!--  分左右  -->
    <a-row :gutter="16">
      <a-col :lg="2" :md="1"></a-col>
      <a-col class="left" :lg="14" :md="14">
        <vueper-slides>
          <vueper-slide v-for="(slide, i) in slides" :key="i" :image="slide.image" :title="slide.title" :content="slide.content" />
        </vueper-slides>
      <!--  list -->
      <IndexNotice/>
      </a-col>
      <!--  登录注册  -->
      <a-col class="right" :lg="6" :md="8">
        <login-regist-card/>

      </a-col>
      <a-col :lg="2" :md="1"></a-col>
    </a-row>
  </div>
</template>

<script>
import { VueperSlides, VueperSlide } from 'vueperslides'
import 'vueperslides/dist/vueperslides.css'
import LoginRegistCard from '@/components/login/LoginRegistCard'
import IndexNav from '@/views/components/IndexNav'
import IndexNotice from '@/views/components/IndexNotice'

export default {
  name: 'Index',
  components: { VueperSlides, VueperSlide, LoginRegistCard, IndexNav, IndexNotice },
  data() {
    return {
      // 轮播图
      slides: [
        {
          title: '发展对象培训',
          // content: '发展对象培训',
          image: require('@/assets/bg5.jpg')
        },
        {
          title: '入党积极分子培训',
          // content: '入党积极分子培训',
          image: require('@/assets/bg5.jpg')
        }
      ]
    };
  },
  methods: {
  },
  created() {
  }
}
</script>

<style scoped>
/deep/ .ant-list-header {
  background-color: #fcf8e3;
}
</style>
